@charset "utf-8";
/*------------------------------------------------------------
	survey/index.html
------------------------------------------------------------*/
.layui-layout-admin .layui-body {
	padding: 20px;
}

.layui-body .date {
	margin-bottom: 59px;
	padding: 8px 0;
	width: 240px;
	background-color: #FFF;
	box-shadow: 1px 1px 6px #EBEBEC,  -1px -1px 6px #EBEBEC;
	border-radius: 5px;
}

.layui-body .date dl {
	margin: 0 0 0 75px;
}

.layui-body .date dt {
	margin-bottom: 3px;
	position: relative;
	color: #53346d;
}

.layui-body .date dt .day {
	position: absolute;
	left: -66px;
	top: -7px;
	font-size: 48px;
	font-weight: bold;
}

.layui-body .date dt .time {
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
}

.layui-body .date dd {
	color: #53346d;
}

.layui-body .detail {
	margin-bottom: 50px;
	position: relative;
	padding: 57px 0 44px;
	background-color: #fff;
	border-radius: 4px;
}

.layui-body .detail p {
	position: absolute;
	top: -20px;
	line-height: 20px;
	padding: 0 18px 0 40px;
	width: 100px;
	color: #fff;
	background-color: #53346D;
	border-radius: 3px 3px 0 0;
}

.layui-body .detail li {
	float: left;
	width: calc(100%/3);
	text-align: center;
}

.layui-body .detail li dt {
	color: #666;
}

.layui-body .detail li dd {
	color: #53346d;
	font-size: 30px;
}

.layui-body .detail li .red {
	color: #ff4545;
}

.layui-body .detail li .green {
	color: #43b989;
}

.layui-body .rentals li {
	width: calc(100%/5);
}

.layui-body .income {
	width: 1380px;
}

.layui-body .income li {
	border-right: 1px solid #B3B6BD;
	box-sizing: border-box;
}

.layui-body .income li:last-child {
	border: none;
}

.layui-body .expenditures {
	margin-bottom: 20px;
	width: 462px;
}

.layui-body .expenditures li {
	width: 100%;
}

.layui-body .history a {
	padding-right: 20px;
	color: #53346d;
	background: url(../img/common/icon11.gif) no-repeat right center;
}



